<!DOCTYPE html>

<html>

    <head>
        <title>Cell Column Width Test Page</title>
        <link href="../raxan/ui/css/master.css" rel="stylesheet" type="text/css" />
        <!--[if lt IE 8]><link rel="stylesheet" href="../raxan/ui/css/master.ie.css" type="text/css"><![endif]-->
        <link href="../raxan/ui/css/default/theme.css" rel="stylesheet" type="text/css" />
        <style>
            .eee, .ddd, .ccc { color:#777; }
            .eee { background:#eee;  }
            .ddd { background:#ddd;  }
            .ccc { background:#ccc;  }
            .grid-mask { background: url(views/images/grid.png) }
        </style>
    </head>

    <body>

        <div class="container c100 tpm prepend1">
            <div class="grid-mask">

                <div class="bmm eee c1">c1</div>
                <div class="bmm ccc c2">c2</div>
                <div class="bmm ccc c3">c3</div>

                <div class="bmm ddd c4">c4</div>
                <div class="bmm eee c5">c5</div>
                <div class="bmm ddd c6">c6</div>
                <div class="bmm ddd c7">c7</div>
                <div class="bmm ccc c8">c8</div>
                <div class="bmm ddd c9">c9</div>
                <div class="bmm ccc c10">c10</div>
                <div class="bmm ccc c11">c11</div>
                <div class="bmm ccc c12">c12</div>

                <div class="bmm eee c13">c13</div>
                <div class="bmm ccc c14">c14</div>
                <div class="bmm eee c15">c15</div>
                <div class="bmm ddd c16">c16</div>
                <div class="bmm ddd c17">c17</div>
                <div class="bmm ddd c18">c18</div>
                <div class="bmm eee c19">c19</div>
                <div class="bmm ccc c20">c20</div>
                <div class="bmm ccc c21">c21</div>

                <div class="bmm eee c22">c22</div>
                <div class="bmm ddd c23">c23</div>
                <div class="bmm ddd c24">c24</div>
                <div class="bmm eee c25">c25</div>
                <div class="bmm eee c26">c26</div>
                <div class="bmm ccc c27">c27</div>
                <div class="bmm ccc c28">c28</div>
                <div class="bmm ddd c29">c29</div>
                <div class="bmm ddd c30">c30</div>

                <div class="bmm ccc c31">c31</div>
                <div class="bmm ddd c32">c32</div>
                <div class="bmm ccc c33">c33</div>
                <div class="bmm eee c34">c34</div>
                <div class="bmm eee c35">c35</div>
                <div class="bmm ddd c36">c36</div>
                <div class="bmm ddd c37">c37</div>
                <div class="bmm ddd c38">c38</div>
                <div class="bmm eee c39">c39</div>

                <div class="bmm ddd c40">c40</div>
                <div class="bmm ddd c41">c41</div>
                <div class="bmm eee c42">c42</div>
                <div class="bmm ddd c43">c43</div>
                <div class="bmm ccc c44">c44</div>
                <div class="bmm ddd c45">c45</div>
                <div class="bmm eee c46">c46</div>
                <div class="bmm ddd c47">c47</div>
                <div class="bmm eee c48">c48</div>

                <div class="bmm ccc c49">c49</div>
                <div class="bmm eee c50">c50</div>
                <div class="bmm eee c60">c60</div>
                <div class="bmm ddd c70">c70</div>
                <div class="bmm ccc c80">c80</div>
                <div class="bmm ddd c90">c90</div>
                <div class="bmm eee c100">c100</div>
                <hr />
            </div>
        </div>

    </body>

</html>
